草庐IT

Bootstrap 按钮(Button)插件

全部标签

javascript - 使用 Npm 模块时的 jQuery 插件

我是Npm包(来自Ruby)的新手,正在尝试加载一个不一定在NPM上的jQuery插件。我正在构建一个Chrome扩展。下面的代码用于注入(inject)到浏览器中的content.js脚本。因此,格式化和日期选择器等组件是可取的。在我的应用程序文件的顶部,我有以下内容:varReact=require("react");var$=require("jquery");varmoment=require("moment");一切正常,但现在我想添加一个插件,但我不太确定将它放在哪里以及如何让应用程序访问它。我试过像这样加载它:varReact=require("react");var$=

javascript - 带有进度条的 Bootstrap 导航选项卡

我正在构建一个注册系统,并且在该页面中有一个进度条和一个引导导航选项卡。我正在尝试设置JQuery,以便进度条随着导航选项卡前进。这是一个视觉效果。我尝试使用hasClass和addCLass函数想出一个简单的ifelse条件jquery,但从未取得进展。像这样:$(document).ready(function(){$('a[data-toggle="tab"]').on('shown.bs.tab',function(e){if(".nav-tabs")hasClass(".active");{$(".checkout-barli").addClass("active");}})

javascript - Twitter Bootstrap 的工具提示问题

我正在使用twitterbootstrap3来显示tooltip">它显示得很好,但是当我将鼠标悬停在它上面时,它会将每个单元格向右移动。如何解决?我附上了两张快照,您可以看到它正在向右移动。编辑我在这里添加了一个测试表,它的作用是在下一个td中显示工具提示,并且那个td的数据向右移动。SerialNameRating1Aphp2BC#这里是js$(document).ready(function(){$('[data-toggle="tooltip"]').tooltip();}); 最佳答案 我找到了解决方案,只是张贴在这里,以

javascript - 选择后 Bootstrap 日期选择器返回焦点

如果你初始化一个bootstrapdatepickerfrometernicode使用autoclose:true,会发生两种不良行为:选择器关闭后,当您跳转到下一个字段时,您将再次从文档的开头开始。这在长表单上可能会非常麻烦。因为选择器以编程方式更改值,所以您拥有的任何关心输入上的模糊事件的监听器都不会正常运行。当您选择选择器值并且输入的值未更改时,实际上会发生模糊。然后bootstrap-datepicker以编程方式更新该字段,因此永远不会用新值触发模糊。这是堆栈片段中的演示:*选择任何字段,从选择器中选择一个值,然后点击Tab$(".datepicker").datepicke

javascript - 在 Bootstrap Datetimepicker 中更改方向

我正在尝试更改BootstrapDatetimepicker的方向我什至尝试使用this但我得到:optionorientationisnotrecognized我在html中对datetimepicker的定义是:在javascript中我有这样的东西来改变语言:$('.input-group.date').datetimepicker({locale:"es",});我尝试添加location:'bottomauto'但没有任何反应。 最佳答案 在阅读了很多帖子和文档之后,我成功了!对于future的访客,可以阅读所有可用选项h

javascript - 如何在 react.js 表单中创建多个提交按钮?

我正在尝试在react.js中创建一个表单,用户可以在其中单击两个不同的按钮来执行两个不同的操作。在我的例子中,表单应该允许用户选择一个文档并替换当前文档(第一个按钮)或附加到它(第二个按钮)。是否有可能以单一形式实现这一点?我以为我可以使用onSubmit函数中的“事件”参数检测应用了哪个按钮,但没有成功。我还考虑过使用对输入和普通按钮的引用来重新创建一个伪表单,但如果存在更简洁的解决方案,我宁愿不使用这样的hack。预先感谢您的帮助!注意:我发现了一些与多个提交按钮相关的问题(例如here和here),但没有一个涉及react.js解决方案。 最佳答案

javascript - 如何使用 Javascript 判断 "navbar-toggle"按钮是否折叠或隐藏

有没有办法用JS找出切换按钮菜单是折叠还是隐藏。class="navbar-toggle"或data-toggle="collapse"是否有指示此状态的参数?我知道显示或隐藏“.collape”时调用的事件:$('.navbar-collapse').on('shown.bs.collapse',function(){//显示下拉菜单时调用});此外,我知道显示或隐藏崩溃的方法是这样的:$('.navbar-collapse').collapse('hide');但我找不到任何关于如何获取.collapse的当前状态的信息,告诉我它是隐藏还是显示。 最佳答

javascript - 更改 Button 元素的类以显示/隐藏它

我正在尝试根据代码中的特定条件显示或隐藏按钮元素。我已使用display:none将按钮的默认css设置为“隐藏”它,然后添加一个将显示更改为display:block的类。HTML:SHOWCSS:#show{display:none;}#show.visible{display:block;}JS:vard=document.getElementById('show');d.className+="visible";我也试过:vard=document.getElementById('show');d.classList.add("visible");还有:documnet.get

javascript - react-bootstrap 中的 controlId 是什么

我刚刚浏览了React-bootstrapformcontrolId的用途是什么?它类似于我们在旧版中使用的name吗?>whatistheuse?validationState={this.getValidationState()}>WorkingexamplewithvalidationValidationisbasedonstringlength. 最佳答案 你可以找到它hereinthev3docs:SetsidonandhtmlForon.基本上是输入的id和标签的for属性。

javascript - 如何在 rails 6 webpacker 中添加 jquery 第三方插件

我知道它很简单,但随着rails6的更新。rails6中有新的语法用于管理由webpacker维护的javascriptAssets。//application.jsrequire("@rails/ujs")//.start()require("turbolinks").start()require("@rails/activestorage").start()require('jquery').start()require('jquery_ujs').start()require('bootstrap-daterangepicker').start()require("custom/